<!DOCTYPE html>
<html lang="zh-CN">
{% include 'header.html' %}
<body class="bs-docs-home">
 <div class="container">
  <div class="row">
    <div class="col-md-3">
      <script type="text/javascript" src="/static/js/leftstyle.js"></script>
    </div>
    <div class="col-md-9">
      <script> 
        function submit() 
        { 
          var input1 = document.getElementById("inputid"); 
          var str=window.location.pathname;
          window.location.replace(str + "?qs=" + input1.value);
        } 
      </script> 
      <div class="container-fluid">
      <table>
      <tr>
        <td>
           <h4>时间选择</h4>
        </td>
        <td>
         <select name='select' id = "inputid" onChange="submit()">
          <option value='1'>Pls  select time</option>
          <option value='1'>Last Day</option>
          <option value='2'>Last 2 Days</option>
          <option value='3'>Last 3 Days</option>
          <option value='7'>Last Week</option>
          <option value='14'>Last 2 Weeks</option>
          <option value='30'>Last Month</option>
          <option value='60'>Last 2 Months</option>
          </select>
        </td>
       </tr>
       </table>
      </div>
      <div class="container-fluid">
        <h2 align="center">{{customer}}</h2>
        <table class="table table-hover">
          {% for key,value in graph_title_graph_name_dict.items() %}
          <tr>
            <td align="center">
             <img src="../static/traffic_graph/{{value}}.png" />
             <p>{{ key }}</p>
            </td>
          </tr>
          {% endfor %}
        </table>
      </div>
    </div>
 </div>
</body>
</html>